body{
    background-color: #eeeeee;

}
/* 顶部导航栏 */
.header{
    background-color:#ffffff;
    height: 70px;
    line-height: 70px;
    
}
.container{
    width: 1440px;
    margin: 0 auto;
    background-color:#ffffff;
}
.XM_logo{
    height: 70px;
}
.XM_logo img{
    margin: 20px 0 0 105px ;
    width: 108px;
}
.Hnav{ 
    width: 876px;
    height: 70px;
    /* background-color: rosybrown; */
}
.Hnav a{
    font-size: 16px;
    margin-right: 40px;
}
.hnav1 {
    margin-left: 60px;
    color: #4a4a4a;
    font-weight: bold;
}
.header input{
    display: block;
    float: left;
    width: 105px;
    height: 31px;
    border: none;
    border-bottom: 1px solid #4a4a4a;
    margin-top: 19px;
}
.header .icon_search{
    width: 32px;
    height: 32px;
    
}
.header .login{
    margin-left: 29px;
}
/* 轮播大图 */
.LBpic{
    width: 1440px;
    /* height: 294px; */
}
.LBpic .LB_left{
    width: 400px;
    height: 294px;
    overflow: hidden;
}
.LBpic .LB_left img{
   
  
    /* background-color: blueviolet; */
}

.LBpic .LB_center img{
    width: 920px;
    background-color: burlywood;
}
.LBpic .LB_right {
    width: 120px;
    height: 294px;
    overflow: hidden;
}
.LBpic .LB_right img{
    background-color:chocolate;
}
/* 轮播大图end */
.contain-right{
    width: 950px;
    /* height: 1100px; */
    margin-left: 400px;
    /* background-color: aquamarine;  */
}
/* 每日30首 */

.radio-container{
    height: 149px;
    /* margin-left: 15px; */
}
.radio-container div{
    float: left;
    width: 237.5px;
    text-align: center;
    font-size: 16px;
    color: #4a4a4a;
    margin: 40px 0;
    /* background-color: aliceblue; */
}
.radio-container img {
    display: block;
    width: 48px;
    margin: 0 auto;
}
/* 推荐歌单 */
.block-title{
    width: 950px;
    height: 84px;
    line-height: 84px;
    /* background-color:tomato; */
    /* font-size: 24px;
    color: #4a4a4a; */
}
.block-title .rec-song{
    font-size: 24px;
    color: #4a4a4a;
}
.block-title .clearfix {
    font-size: 16px;
    color: #4a4a4a;
    margin-right: 30px;
}
.block-title>div span{
    float: right;
    display: block;
    width: 40px;
    height: 40px;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    margin-top: 22px;
    background-color: #f2f2f2;
    border-radius: 50%;
    color: #4a4a4a;
    margin-left: 10px;
} 
/* 推荐歌单内容 */
.recommend{
    height: 555px;
    /* background-color: violet; */
    position: relative;
}
.recommend .cover{
    width: 350px;
    height: 234px;
    margin-right: 30px;
    margin-bottom: 38px;
    overflow: hidden;
}
.recommend .cover ul{
    position: absolute;
}
.recommend .cover ul li{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 15px;
    margin-left: 15px;
    /* background-color: rgba(255, 255, 255, 0.2); */
    background-color: saddlebrown;
}
.recommend img:hover{
    cursor: pointer;
}
.recommend .cover img{
    width: 350px; 
}
.type-song{
    float: left;
    width: 162px;
    height: 274px;
    margin-right: 28px;
    /* background-color: wheat; */
    position: relative;
}
.type-song>img{
    width: 150px;
}
.type-song span{
    width: 68px;
    height: 24px;
    line-height: 24px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    background: url(../img/maopao.png) no-repeat;
    background-size :66px 24px;
    position: absolute;
    top: 5px;
    right: 15px;
}
.type-song p a{
    font-size: 14px;
    color: #4a4a4a;
    font-weight: bold;
    margin-top: 10px;
}
.type-song h3 a{
    font-size: 12px;
    color: #999999;
}
.type-song>a{
    font-size: 12px;
    color: #ff410f;
    margin-top: 5px;
}

/* 左侧粘性定位！！ */
.L-fixed{
    width: 205px;
    height: 618px;
    padding: 30px;
    /* background-color: chartreuse; */
    position: sticky;
    top: -100px;
    /* position: fixed; */
    left: 175px;
}
.L-fixed ul li{
    margin-top: 9px;
    height: 32px;
    line-height: 32px;
   
}
.L-fixed ul li a{
    color: #4a4a4a;
    font-size: 14px;
}
.L-fixed ul li a:hover{
    color: #f24213;
}
.L-fixed ul .li1{
    margin-top: 0;
    font-weight: bold;
    border-bottom: 3px solid;
}
.L-fixed ul .li1:hover{
    color: #4a4a4a;
    cursor: pointer;
}
/*  */
.download{
    margin-top: 20px;
    margin-bottom: 45px;
}
.download img{
    display: block;
    float: left;
    width: 90px;
}
.download h3{
    font-size: 12px;
    color: #f24213;
    margin-bottom: 5px;
}
.download p{
    font-size: 14px;
}
.L-fixed .icon .Ohidden{
   
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;  
   
    margin: 0 14px 10px 14px; 
}
.L-fixed .icon img{
    width: 40px;
    height: 40px;
}
.L-fixed .icon .fl{
    text-align: center;
    font-size: 14px;
}

/* AI日推 */
.daliy_rec{

    width: 160px;
    height: 220px;
   margin-right: 30px;
    /* background-color: coral; */
}
.daliy_rec img{
    width: 150px;
  
}
.daliy_rec p{
    font-size: 14px;
   color: #4a4a4a;
   font-weight: bold;
}
/* 中间大播放器 */
.radio-c{
    width: 950px;
    height: 416px;
    background: url(../img/bg-center.jpg) no-repeat;
    background-size:950px 416px;
    margin-top: 60px;
    position: relative;
}
.radio-c .block-title{
    width: 950px;
    height: 40px;
    line-height: 40px;

}
.radio-c .block-title p{
    float: left;
    font-size: 24px;
    color: #ffffff;
    margin-right: 60px;
}
.radio-c .block-title span{
    display: block;
    float: left;
    height: 34px;
    line-height: 34px;
    font-size: 16px;
    margin-right: 40px;
    /* margin-top: 24px; */
    color: #ffffff;
   
}
.radio-c .block-title span:hover{
    cursor: pointer;
}
/* .radio-c .block-title span:visited{
    border-bottom: 3px solid #ff410f;
} */
.radio-c .block-title .sp1{
    border-bottom: 3px solid #ff410f;

}
.radio-c .Mayday{
    width: 200px;
    height: 200px;
    background: url(../img/Mayday.jpg) no-repeat;
    background-size: 220px 220px;
    position: absolute;
    top: 145px;
    left: 80px;
}
.radio-c .play-list{
    float: right;
    width: 650px;
    height: 355px;
    /* background-color: burlywood; */
}
.radio-c .Plist-tit{
    width: 650px;
    height: 73px;
    line-height: 73px;
    font-size: 14px;
    color: #ffffff;
}
.radio-c  .Plist-tit span {
    display: block;
    float: left;
    background-color:#ff410f ;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin: 20px 10px 0 0;
   
    /* overflow: hidden; */
}
.radio-c  .Plist-tit span:hover{
    cursor: pointer;
}
.radio-c  .Plist-tit span img{
    display: block;
    width: 20px;
    height: 20px;
    margin-top: 8px;
    margin-left: 8px;
}
.play-list .dli{
    width: 650px;
    height: 50px;
    line-height: 50px;
    color: #ffffff;
}
.play-list .dli span{
    display: block;
    float: left;
    width: 50px;
    height: 50px;
    text-align: center;
}
.play-list .dli>div:hover{
    background-color: rgba(0, 0, 0, 0.3);
}
.play-list .dli>div div{
    float: left;
    width: 250px;
    height: 50px;
    font-size: 14px;
}
.play-list .dli .long-time{
    float: left;
    width: 98px;
    height: 50px;
}
/* 新碟速递 */

.apa-list .type-song .star span{
  width: 80px;
   background: url(../img/xingxing.png) repeat-x;
   background-size: 16px 16px;
   top: 220px;
   left: 0;
}

/* 底部 */
.footer{
    width: 1170px;
    background-color: #1a1a1a;
    height: 345px;
    margin: 0 auto;
    padding: 20px 135px 0 135px;
}
.footer .Big-info{
    width: 666px;
    height: 203px;
}
.footer .info .info-left{
    width: 72px;
    height: 208px;
}
.footer .info .info-left span{
    display: block;
    color: #808080;
    font-size: 12px;
    margin-bottom: 12px;
}
.footer .info a{
    display: block;
    float: left;
    font-size: 12px;
    color: #ffffff;
    margin-right: 15px;
    margin-bottom: 12px;
}
.footer .small-pic{
    width: 585px;
}
.footer .small-pic div{
    float: left;
    width: 30px;
    height: 30px;
    margin: 0 5px 5px 0;
}
.footer .small-pic div img{
    width: 30px;
    height: 30px;
}

.footer .focus-us{
    width: 120px;
    height: 202px;
    margin-left: 184px;
    color: #808080;
  
}
.footer .focus-us span{
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 12px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #fff;
    overflow: hidden;
    text-align: center;
}
.footer .focus-us span img{
    width: 15px;
    height: 15px;
    margin-top: 7px;
}
.footer .Erweima{
    width: 150px;
    height: 175px;
    color: #808080;
}
.footer .Erweima img{
    margin-top: 15px;
    width: 150px;
    height: 150px;
}
.footer .line{
    width: 1170px;
    border: 1px solid #2c2c2c;
    margin-top: 210px;
    margin-bottom: 23px;
}
.footer ul li{
    display: block;
    float: left;
    margin-right: 14px;
    color: #808080;
}
.footer ul li a{
    color: #808080;
}
.footer .subfont p{
    text-align: center;
    color: #808080;
    margin-top: 80px;
}
.footer .subul{
    margin: 0 auto;


}
